<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>旋转轮播切换图片</title>
<style>
<!-- 
/* jQuery jcImgScroll css */
.jcImgScroll { position:relative; height:342px;  }
.jcImgScroll li { border:1px solid #ccc; }
.jcImgScroll li a { background:#fff; display:block; height:340px;  }
.jcImgScroll li.loading a { background:#fff url(./images/loading.gif) no-repeat center center;} 
.jcImgScroll li img,.jcImgScroll li,.jcImgScroll em,.jcImgScroll dl { display:none; border:0 none;}
.jcImgScroll em.sPrev { background:url(./images/arrow-left.png) no-repeat left center; }
.jcImgScroll em.sNext { background:url(./images/arrow-right.png) no-repeat right center;}
.jcImgScroll dl dd { background:url(./images/NumBtn.png) no-repeat 0 bottom; text-indent:-9em; }
.jcImgScroll dl dd:hover,.jcImgScroll dl dd.curr { background-position:0 0; }
-->
</style>

<script src="js/jQuery-1.7.1.js" language="javascript" type="text/javascript"></script>
<script src="js/jQuery-easing.js" language="javascript" type="text/javascript"></script>
<script src="js/jQuery-jcImgScroll.js" language="javascript" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
<!-- 
$(function(){
	$("#demo1").jcImgScroll({
		
	});
	$("#demo2").jcImgScroll({
		count : 7
	});
	$("#demo3").jcImgScroll({
		arrow : {
			width:110,	
			height:342,
			x:220,
			y:0
		},
		count : 3,
		offsetX : 140,
		NumBtn : true,
		title:false
	});
});
-->
</script>
</head>
<body>
<div id="demo1" class="jcImgScroll">
            <ul>
                <li><a href="#" target="_blank" path="/image/01.jpg" ></a></li>
                <li><a href="#" target="_blank" path="/image/02.jpg" ></a></li>
                <li><a href="#" target="_blank" path="/image/03.jpg" ></a></li>
                <li><a href="#" target="_blank" path="/image/04.jpg" ></a></li>
                <li><a href="#" target="_blank" path="/image/05.jpg" ></a></li>
                <li><a href="#" target="_blank" path="/image/06.jpg" ></a></li>
                <li><a href="#" target="_blank" path="/image/07.jpg" ></a></li>
            </ul>
	  </div>
</body>
</html>